// Copyright (c) 2013-2015 OpenStack Foundation
// //
// // Licensed under the Apache License, Version 2.0 (the "License"); you may
// // not use this file except in compliance with the License. You may obtain
// // a copy of the License at
// //
// //      http://www.apache.org/licenses/LICENSE-2.0
// //
// // Unless required by applicable law or agreed to in writing, software
// // distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// // WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// // License for the specific language governing permissions and limitations
// // under the License.

'use strict';

function header(activeTabName) {
  var tabsName = [];
  var tabsLink = [];
  tabsName[0] = 'Status'; tabsLink[0] = '<%= @status_base_url %>';
  tabsName[1] = 'Zuul'; tabsLink[1] = '<%= @status_base_url %>/zuul/';
  tabsName[2] = 'Rechecks'; tabsLink[2] = '<%= @status_base_url %>/elastic-recheck/';
  tabsName[3] = 'Reviews'; tabsLink[3] = '<%= @status_base_url %>/reviews/';
  tabsName[4] = 'Bugday'; tabsLink[4] = '<%= @status_base_url %>/bugday/';
  tabsName[5] = 'OpenStack-Health'; tabsLink[5] = '<%= @status_base_url %>/openstack-health/';

  document.write(
    '<div id="header" class="container">' +
    '<div class="span-5">' +
    ' <h1 id="logo"><a href="<%= @status_base_url %>"><%= @status_title %></a></h1>' +
    '</div>\n' +
    '<div class="span-19 last blueLine">' +
    '<div id="navigation" class="span-19">' +
    '<ul id="Menu1">\n');

  tabsName.forEach(function(value, index) {
    document.write('<li><a id="menu-' + tabsName[index] + '" href="' + tabsLink[index] + '"');
    if (tabsName[index] == activeTabName) {
      document.write(' class="current"');
    }
    document.write('>' + tabsName[index] + '</a></li>\n');
  });

  document.write(
    '</ul>' +
    '</div>' +
    '</div>' +
    '</div>');
}

function footer() {
  document.write(
    '<div class="container">' +
    '<hr>' +
    '<div id="footer">' +
    '<div class="span-4">' +
    '<h3>OpenStack</h3>' +
    '<ul>' +
    ' <li><a href="http://www.openstack.org/projects/">Projects</a></li>' +
    ' <li><a href="http://www.openstack.org/openstack-security/">OpenStack Security</a></li>' +
    ' <li><a href="http://www.openstack.org/projects/openstack-faq/">Common Questions</a></li>' +
    ' <li><a href="http://www.openstack.org/blog/">Blog</a></li>' +
    '</ul>' +
    '</div>\n' +
    '<div class="span-4">' +
    '<h3>Community</h3>' +
    '<ul>' +
    ' <li><a href="http://www.openstack.org/community/">User Groups</a></li>' +
    ' <li><a href="http://www.openstack.org/events/">Events</a></li>' +
    ' <li><a href="http://www.openstack.org/jobs/">Jobs</a></li>' +
    ' <li><a href="http://www.openstack.org/companies/">Companies</a></li>' +
    ' <li><a href="http://wiki.openstack.org/HowToContribute">Contribute</a></li>' +
    '</ul>' +
    '</div>\n' +
    '<div class="span-4">' +
    '<h3>Documentation</h3>' +
    '<ul>' +
    ' <li><a href="http://docs.openstack.org/">OpenStack Manuals</a></li>' +
    ' <li><a href="http://docs.openstack.org/diablo/openstack-compute/starter/content/">Getting Started</a></li>' +
    ' <li><a href="http://wiki.openstack.org/">Wiki</a></li>' +
    '</ul>' +
    '</div>\n' +
    '<div class="span-4 last">' +
    '<h3>Branding &amp; Legal</h3>' +
    '<ul>' +
    ' <li><a href="http://www.openstack.org/brand/">Logos &amp; Guidelines</a></li>' +
    ' <li><a href="http://www.openstack.org/brand/openstack-trademark-policy/">Trademark Policy</a></li>' +
    ' <li><a href="http://www.openstack.org/privacy/">Privacy Policy</a></li>' +
    ' <li><a href="http://wiki.openstack.org/CLA">OpenStack CLA</a></li>' +
    '</ul>' +
    '</div>' +
    '</div>' +
    '</div>');
}

